/*
 * menu.css
 */



nav#menu{
	background-color:#ffb326;
	margin-right: 4px;
	margin-left: 4px;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow:
			0px 3px 3px 0px rgba(0, 0, 0, 0.5),
			0px 3px 3px 0px rgba(255, 255, 255, 0.5);
	position: relative;
	z-index: 3;
}

nav#menu li a {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}

nav#menu li a:hover {
	font-style:bold;
	color:grey;
}

#MenuDeroulant

{
    padding: 28px;
    }

        

    #MenuDeroulant li

    {    float: left;

        list-style: none;

       font: 14px Tahoma, Arial; /* La taille et la police du texte du menu */
		color:#ffe673;
    }

    #MenuDeroulant li a

    {    display: block;

        background: #ffb326; /* Couleur de fond des titres du menu */

        padding: 5px 12px;

        text-decoration: none;

        width: 70px;

        color: white; /* Couleur de police des titres du menu (clair) */
		
        white-space: nowrap;
        
        border-right: 1px solid white;
        }


    #MenuDeroulant li a:hover

    {   
    	color:#red;
    	font-style:bold;
    } 
    /* Couleur de fond des titres du menu au survol de la souris (plus foncé) */

        

        #MenuDeroulant li ul

        {   
        	margin: 0;
        	margin-top:6px;
            padding: 0;
            position: absolute;
            visibility: hidden;
            
			border: #FFFFff 3px solid;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			box-shadow:
			0px 3px 3px 0px rgba(0, 0, 0, 0.5),
			0px 3px 3px 0px rgba(255, 255, 255, 0.5);
			/* border-top: 1px solid white; */
                          
         }

        

        #MenuDeroulant li ul li

        {    
        	float: none;
            display: inline;
            
               
        }

        

        #MenuDeroulant li ul li a

        {    
        	width: auto;
           background-color: #FFFFff; /* Couleur de fond des items déroulant du menu */
           color: #FF9900;
           border-right: none;
            
         } 

        

        #MenuDeroulant li ul li a:hover

        {    
        	
        	background-image: linear-gradient(left , #FFB326 24%, #FFE673 62%);
			background-image: -o-linear-gradient(left , #FFB326 24%, #FFE673 62%);
			background-image: -moz-linear-gradient(left , #FFB326 24%, #FFE673 62%);
			background-image: -webkit-linear-gradient(left , #FFB326 24%, #FFE673 62%);
			background-image: -ms-linear-gradient(left , #FFB326 24%, #FFE673 62%);
			background-image: -webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0.24, #FFB326),
			color-stop(0.62, #FFE673)
			);
        	
        	
        	/*background: #1E90FF;*/
        	color:white;
        } /* Couleur de fond des items déroulant du menu au survol de la souris(foncé) */
        
        
        
        #MenuDeroulant li ul li:last-child a:hover {
        	border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			
		}
       
       
        
